<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>在习生/已毕业生档案</title>
    <link rel="stylesheet" href="../model/model.css">
    <link rel="stylesheet" href="studying.css">
    <link rel="stylesheet" href="../page/page.css">
    <style>
       #myul .show:nth-child(7){
            background-color: #e7f0f7;
            color: rgb(130, 163, 220);
            border-Right:3px solid #0f6ab1;
        }
    </style>
</head>
<body>
    <div id="header">
        <div class="logo">
            <img src="../img/保尔科技-logo-副本.png" alt="">
        </div>
        <div class="item">
            <div class="time"></div>
            <div class="refresh">
                <img src="../img/刷新.png" alt="">
            </div>
            <div class="user">
                <img src="../img/用户.png" alt="">
                <p>哇哈哈</p>
            </div>
            <div class="loginOut">
                <img src="../img/退出.png" alt="">
            </div>
        </div>
    </div>
    <div id="menu">
        <ul id="myul">
            <li class="show"><img src="../img/班级管理.png" alt="">班级管理</li>
            <li class="show"><img src="../img/日常黑.png" alt="">日常&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</li>
            <li class="shownone childmenu">出差记录</li>
            <li class="shownone childmenu">请假记录</li>
            <li class="shownone childmenu">考勤统计</li>
            <li class="show"><img src="../img/用户管理黑u.png" alt="">用户管理</li>
            <li class="show"><img src="../img/学生当啊蓝.png" alt="">学生档案</li>
            <li class="show"><img src="../img/日志系统黑.png" alt="">日志系统</li>
            <li class="show"><img src="../img/审核系统黑.png" alt="">审核系统</li>
            <li class="show"><img src="../img/项目管理黑.png" alt="">项目管理</li>
            <li class="shownone childmenu">项目列表</li>
            <li class="shownone childmenu">我的任务</li>
            <li class="show"><img src="../img/设置(1).png" alt="">系统设置</li>
        </ul>
    </div>
    <div id="content">
        <div id="contentRight">
            <div class="contentHeader">
                <div class="title">
                    <div></div>
                    <span>在习生/已毕业生档案</span>
                </div>
                <div class="search">
                    <input type="text" name="" id="" placeholder="请输入姓名">
                    <button>搜索</button>
                </div>
                <div class="addition">
                    <img src="../img/加号.png" alt="" class="addi">
                    <div class="add">
                        <p>添加在习生</p>
                    </div>
                </div>
            </div>
            <div class="contentBottom">
                <table>
                    <thead>
                        <tr>
                            <td>姓名</td>
                            <td>性别</td>
                            <td>班级</td>
                            <td>毕业日期</td>
                            <td>电话</td>
                            <td>状态</td>
                            <td>操作</td>
                            <!-- <td></td> -->
                        </tr>
                    </thead>
                    <tbody>
                        <!-- <tr>
                            <td>哇哈哈</td>
                            <td>女</td>
                            <td>UI设计</td>
                            <td>2024.3.15</td>
                            <td>1555555555</td>
                            <td>已毕业</td>
                            <td>
                                <div class="remove">修改</div>
                                <div class="delete">删除</div>
                            </td>
                            <td class="detail">详情</td>
                        </tr>
                        <tr>
                            <td>哇哈哈</td>
                            <td>女</td>
                            <td>UI设计</td>
                            <td>2024.3.15</td>
                            <td>1555555555</td>
                            <td>已毕业</td>
                            <td>
                                <div class="remove">修改</div>
                                <div class="delete">删除</div>
                            </td>
                            <td class="detail">详情</td>
                        </tr> -->
                    </tbody>
                </table>
                <!-- 分页 -->
                <div id="page">
                    <span class="pageCount">共？页</span>
                    <button onclick="package1(0)" class="myBtn">首页</button>
                    <button onclick="package1(1)" class="myBtn">上一页</button>
                    <button onclick="package1(2)" class="myBtn">下一页</button>
                    <button onclick="package1(3)" class="myBtn">最后一页</button>
                </div>
            </div>
        </div>
        <!-- 添加在习生模态框 -->
        <div class="addstudying">
            <div class="addstudyingMask">

            </div>
            <div class="addstudyingModel">
                <div class="addstudyingHeader">
                    <p>添加在习生</p>
                </div>
                <!-- 添加内容 -->
                <div class="addstudyingContent">
                    <!-- 第一行内容 -->
                    <div class="addstudyingContent1">
                        <span>姓名:</span>
                        <input type="text">
                        <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;班级:</span>
                        <select>
                            <option value="JAVA班">JAVA班</option>
                            <option value="ui">UI设计</option>
                            <option value="python">python</option>
                        </select>
                    </div>
                    <!-- 第二行内容 -->
                    <div class="addstudyingContent2">
                        <span>性别:</span>
                        <select name="" id="">
                          
                            <option value="女">女</option>
                            <option value="男">男</option>
                        </select>
                        <span>毕业日期:</span>
                        <input type="date">
                    </div>
                    <!-- 第三行内容 -->
                    <div class="addstudyingContent4">
                        <span>电话:</span>
                        <input type="text">
                        <span>家庭地址:</span>
                        <input type="text">
                    </div>
                     <!-- 第四行内容 -->
                     <div class="addstudyingContent6">
                        <span>紧急联系人:</span>
                        <input type="text">
                        <span>紧急联系人电话:</span>
                        <input type="text">
                    </div>
                    <!-- 第五行内容 -->
                    <div class="addstudyingContent5">
                        <span>账号:</span>
                        <div class="number"></div>
                    </div>
                    
                    <!-- 按钮 -->
                    <div class="addstudyingContent3">
                        <button class="sure">确定<tton>
                        <button class="cancel">取消<tton>
                    </div>
                </div>

                
            </div>
        </div>
        <!-- 修改在习生模态框 -->
        <div class="addstudying1">
            <div class="addstudyingMask">

            </div>
            <div class="addstudyingModel">
                <div class="addstudyingHeader">
                    <p>修改在习生信息</p>
                </div>
                <!-- 添加内容 -->
                <div class="addstudyingContent">
                    <!-- 第一行内容 -->
                    <div class="addstudyingContent1">
                        <span>姓名:</span>
                        <input type="text">
                        <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;班级:</span>
                        <select name="" id="" class="updateStudent">
                            <option value="JAVA班">JAVA班</option>
                            <option value="ui">UI设计</option>
                            <option value="python">python</option>
                        </select>
                    </div>
                    <!-- 第二行内容 -->
                    <div class="addstudyingContent2">
                        <span>性别:</span>
                        <select name="" id="updateStudentSex">
                            <option value="女">女</option>
                            <option value="男">男</option>
                        </select>
                        <span>毕业日期:</span>
                        <input type="date">
                    </div>
                    <!-- 第三行内容 -->
                    <div class="addstudyingContent4">
                        <span>电话:</span>
                        <input type="text">
                        <span>家庭地址:</span>
                        <input type="text">
                    </div>
                     <!-- 第四行内容 -->
                     <div class="addstudyingContent6">
                        <span>紧急联系人:</span>
                        <input type="text">
                        <span>紧急联系人电话:</span>
                        <input type="text">
                    </div>
                    <!-- 第五行内容 -->
                    <div class="addstudyingContent5">
                        <span>账号:</span>
                        <div class="number1"></div>
                    </div>
                    
                    <!-- 按钮 -->
                    <div class="addstudyingContent3">
                        <button class="sure1">确定<tton>
                        <button class="cancel1">取消<tton>
                    </div>
                </div>

                
            </div>
        </div>


        <!-- 在习生详情模态框 -->
        <div class="studying-detail">
            <div class="studying-detailMask">

            </div>
            <div class="studying-detailModel">
                <div class="studying-detailHeader">
                    <p>在习生详情</p>
                </div>
                <!-- 添加内容 -->
                <div class="studying-detailContent">
                    <!-- 第一行内容 -->
                    <div class="studying-detailContent1">
                        <span>姓名:</span>
                        <input type="text">
                        <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;班级:</span>
                        <input type="text">
                    </div>
                    <!-- 第二行内容 -->
                    <div class="studying-detailContent2">
                        <span>性别:</span>
                        <select name="" id="">
                            <option value="女">女</option>
                            <option value="男">男</option>
                        </select>
                        <span>毕业日期:</span>
                        <input type="date">
                    </div>
                    <!-- 第三行内容 -->
                    <div class="studying-detailContent4">
                        <span>电话:</span>
                        <input type="text">
                        <span>家庭地址:</span>
                        <input type="text">
                    </div>
                     <!-- 第四行内容 -->
                     <div class="studying-detailContent6">
                        <span>紧急联系人:</span>
                        <input type="text">
                        <span>紧急联系人电话:</span>
                        <input type="text">
                    </div>
                    <!-- 第五行内容 -->
                    <div class="studying-detailContent5">
                        <span>账号:</span>
                        <div class="number2"></div>
                    </div>
                    
                    <!-- 按钮 -->
                    <div class="studying-detailContent3">
                        <button class="sure2">确定<tton>
                        <button class="cancel2">取消<tton>
                    </div>
                </div>

                
            </div>
        </div>

    </div>
</body>
<script src="../AJAX/封装AJAX.js"></script>
<script src="../model/model.js"></script>
<script src="studying.js"></script>
<script src="../page/pageTotal.js"></script>
</html>